<template>
<div class="app">
  <router-view></router-view>
</div>
</template>
<script setup>
console.log('import.meta',import.meta.env)
import useUserStore from '@/store/modules/user'
const userStore = useUserStore()

// 窗口大小改变
window.onresize = () => {
  userStore.viewHeight = document.documentElement.clientHeight - 72
}
</script>

<style scoped lang="scss">
.app {
  width: 100%;
  height: 100vh;
}
// 弹窗样式优化
:deep(.el-dialog) {
    padding: 0;
    .el-dialog__header {
        padding: 16px;
    }
    .el-dialog__body {
        padding: 18px 16px 0;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }
    .el-dialog__footer {
        padding: 16px;
    }
}
// 抽屉样式优化
:deep(.el-drawer) {
  .el-drawer__header {
    margin-bottom: 16px;
  }
  .el-drawer__body {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }
  .el-drawer__footer {
    padding-top: 16px;
  }
}
</style>
